<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>json数据交互</title>
</head>
<body>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5/dist/jquery.js"></script>
  <script type="text/javascript">
  $.ajax({
    // 请求方式
    method: "POST",
    // 请求的url
    url: "get-json",
    // 将数据发送至服务器时，使用的内容类型
    contentType: "application/json;charset=utf-8",
    // 发送至服务器的数据
    data: '{"field1": "-1", "field2": "json", "field3": "false"}',
    // 请求成功后，data为返回的数据
    success: function (data) {
      const span = $("span");
      // 迭代由键值集合对象组成的数组data
      for (const object of data) {
        // 遍历object中的每个属性名及对应值
        $.each(object, function (prop, value) {
          span.html(span.html() + prop + "：" + value + "<br>")
        });
      }
    }
  })
  </script>
  <span></span>
</body>
</html>
